﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> </title>
    <link href="bower_components/layer/skin/layer.css" rel="stylesheet" />

    <link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <link href="bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
    <link rel="stylesheet" href="styles/auto.css">
 
    <style>
        
  #a{width:600px;height: 300px; margin-top:  40px;}
           </style>
</head>

<body>
   
 
        <div id=a></div>
 

 
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <!--<script src="bower_components/underscore/underscore.js"></script>-->
    <script src="bower_components/lodash/lodash.js"></script>
    <script src="bower_components/layer/layer.js"></script>

    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>  <!-- fixed file-->
    <script src="bower_components/bootstrap-datepicker/dist/locales/bootstrap-datepicker.zh-CN.min.js"></script>
    <script src="dist/auto.js"></script>

    <script>
      
       $("#a").tabpanel();
       $("#a").tabpanel("add",{
                id:"shen",
                title:"titileshen",
                url:"2.html"
            })
             $("#a").tabpanel("add",{
                id:"shen1",
                title:"titileshen",
                url:"2.html"
            })
              $("#a").tabpanel("add",{
                id:"shen11",
                title:"titileshen",
                url:"2.html"
            })
            
            //   $("#a").tabpanel("add",{
            //     id:"shen1333",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            //   $("#a").tabpanel("add",{
            //     id:"shen13",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            //   $("#a").tabpanel("add",{
            //     id:"shen133",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            //   $("#a").tabpanel("add",{
            //     id:"shen1444",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            //   $("#a").tabpanel("add",{
            //     id:"shen14",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            //   $("#a").tabpanel("add",{
            //     id:"shen15",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            //   $("#a").tabpanel("add",{
            //     id:"shen155",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            //   $("#a").tabpanel("add",{
            //     id:"shen1566",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            //   $("#a").tabpanel("add",{
            //     id:"shen112",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            //   $("#a").tabpanel("add",{
            //     id:"shen11212",
            //     title:"titileshen",
            //     url:"2.html"
            // })
            
    </script>
</body>

</html>